<!DOCTYPE html>
<html lang="cs">
  <head>
    <title>BITWA Petr Panoška</title>
    <meta charset="utf-8">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="style1.css">
  </head>
  <body>
    <div id=layout>
      <div id=hlavicka>
        <img class="center" src="logo_header.png" alt="logo">
      </div> 
      <div id=menu>
        <a href="index.html">Home</a>
        <a href="ukol1.html">Úkol 1</a>
        <a href="ukol2.html">Úkol 2</a>
        <a target=_blank href="http://webzam.fbmi.cvut.cz/vitecsla/bitwa/pages/html">Stránky cvičení</a>
        <a target=_blank href="https://predmety.fbmi.cvut.cz/cs/17BITWA">Stránky předmětu</a>
        <a target=_blank href="http://www.fbmi.cvut.cz">FBMI</a>
        <a target=_blank href="http://databaze.fbmi.cvut.cz/panospet/class.viewer.php?form_id=1">Medicus 2.0</a>
      </div> 
      <div id=telo>
        <h1>Úkol 1</h1>
        <h2>3 odstavce textu</h2>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce wisi. Integer tempor. Praesent id justo in neque elementum ultrices. Aenean vel massa quis mauris vehicula lacinia. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Mauris dictum facilisis augue. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Aenean fermentum risus id tortor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc dapibus tortor vel mi dapibus sollicitudin. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Fusce nibh.</p>
        <p>Pellentesque sapien. Morbi scelerisque luctus velit. Suspendisse nisl. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Etiam quis quam. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Etiam egestas wisi a erat. Phasellus et lorem id felis nonummy placerat. Fusce nibh. Maecenas lorem. Vivamus ac leo pretium faucibus. Fusce aliquam vestibulum ipsum. Nam quis nulla. Pellentesque ipsum. Maecenas aliquet accumsan leo. Quisque porta. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Morbi scelerisque luctus velit.</p>      
        <p>Nullam at arcu a est sollicitudin euismod. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Fusce tellus. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Et harum quidem rerum facilis est et expedita distinctio. Aliquam in lorem sit amet leo accumsan lacinia. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Proin pede metus, vulputate nec, fermentum fringilla, vehicula vitae, justo.</p>      
        <h2>Ukázky použití tagů</h2>
        <small>Toto je zmenšený text</small><br>
        <sub>Toto je dolní index</sub><br>        
        <sup>Toto je hroní index</sup><br>
        <ins>Toto je podtržený text</ins><br>
        <del>Toto je přeškrtlý text</del><br>
        <code>Toto je kód</code><br>
        <b>Toto je tučný text</b><br>
        <i>Tento text je psán kurzívou</i><br>
        <h2>Ukázka použití seznamů</h2>
        <h3>Nečíslovaný seznam</h3>
        <ul>   
          <li>Položka 1</li>
          <li>Položka 2</li>
          <li>Položka 3</li>
        </ul>
        <h3>Číslovaný seznam</h3>
        <ol>   
          <li>Položka 1</li>
          <li>Položka 2</li>
          <li>Položka 3</li>
        </ol>   
      </div>
      <div id=paticka>
        <p>&not;&copy;&sup2; Petr Panoška</p>
      </div>
     </div>         
  </body>
</html>